<template>
  <div class="wrapper">
        <div class="order_alert">
            <p class="ask">是否取消订单？</p>
            <p class="no_order">否</p>
            <p class="yes">是</p>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
     
      }
    
  },

  components: {
  },

  methods: {
  
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
          .wrapper{
            width: 375px;
            height: 667px;
            background-color: rgba(0,0,0,0.5);
            font-size: 12px;
        }
        .wrapper .order_alert{
            width: 266px;
            height: 138px;
            background-color: #fff;
            border-radius:15px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%);
            overflow: hidden;
        }
        .wrapper .order_alert p{
            text-align: center;
            color: #333333;
            font-size: 14px;
            font-weight: 600px;
        }
        .order_alert .ask{
            height: 90px;
            line-height: 90px;
            border-bottom: 1px solid #E1E1E1;
        }
        .order_alert .no_order{
            border-right: 1px solid #E1E1E1;
        }
        .order_alert .no_order,.yes{
            display: inline-block;
            width: 130px;
            height: 47px;
            line-height: 47px;
        }
        .wrapper .order_alert .yes{
            color: #32B16C;
        }
</style>
